.bg {
    width: 100%;
    height: 100%;
    background: url('../img/sign-bg.jpg') no-repeat;
    background-size: cover;

    .text {
        top: 29px;
        right: 20px;
        z-index: 1;
    }

    .form {
        padding-left: 32px;
        padding-top: 80px;

        .title {
            height: 40px;
            font-family: PingFangSC-bold;
            margin-bottom: 5px;
        }

        .text2 {
            color: rgba(255, 255, 255, .6);
            margin-bottom: 43px;
        }

        .tellInt {
            height: 50px;
            font-size: 0;
            margin-bottom: 20px;

            .option {
                width: 75px;
                height: 50px;
                line-height: 50px;
                display: inline-block;
                border-radius: 25px 0 0 25px;
                background-color: rgba(255, 255, 255, .5);

                i {
                    font-size: 16px !important;
                }
            }

            .tell {
                vertical-align: top;
                width: calc(100% - 107px);
                border-radius: 0 25px 25px 0;
            }
        }

        .register {
            background-color: rgba(99, 255, 167, .5);
        }

        input {
            font-size: 16px;
            text-indent: 12px;
            width: calc(100% - 32px);
            height: 50px;
            border-radius: 25px;
            outline: none;
            border: none;
            background-color: rgba(255, 255, 255, .5);
            margin-bottom: 20px;
        }

        .code {
            width: calc(100% - 170px);
        }

        .ver {
            width: 123px;
            height: 50px;
            display: inline-block;
            background-color: #fff;
            vertical-align: middle;
            margin-left: 15px;
        }

        .text3 {
            margin-top: 7px;
            right: 32px;
        }

    }

    .text4 {
        width: 104px;
        font-family: PingFangSC-regular;
        left: calc(50% - 52px);
        bottom: 60px;
    }

}

.num {
    display: none;
    top: 50px;
    right: 0;
    width: 50px;

    div {
        line-height: 40px;
        color: #000;
        background-color: #ccc;
    }

    div:hover {
        background-color: #fff;
    }
}

input::placeholder {
    color: rgba(255, 255, 255, .67)
}